/*Ìí¼Ócss*/
/*Áбí*/
body {
    background:white;
    min-width: 1170px;
    line-height: 26px;
    color: #414a60;
    font-size: 14px;
}
.heade{
    min-width: 800px;
    width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.ft-right {
    float: right;
    /*width: 650px;*/
}

    .ft-right .st {
        height: 29px;
        border: 0;
        top: 1px;
        outline: none;
        position: relative;
        left: 59px;
        border-right: 1px solid #D5D5D5;
        width: 53px;
    }

    .ft-right .rt-search {
        padding-left: 59px;
        outline: none;
        width: 390px;
        height: 31px;
    }

    .ft-right .search-btn {
        display: inline-block;
        background-color: #F77D4C;
        width: 85px;
        height: 32px;
        line-height: 36px;
        text-align: center;
        margin-left: -5px;
        position: relative;
        top: 2.4px;
        color: #FEF4F4;
    }

    .ft-right .raod {
        margin-left: 57px;
    }
.nav {
    width:1200px;
    height:40px;
    margin: 0 auto;
}
.list {
    min-width: 800px;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
    margin-top: 0;
    margin-bottom: 0;
}

    .list li {
        float: left;
        text-align: center;
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin-top: 0px;
    }
@media screen and (max-width:1300px) {
    .list li {
        width: 120px;
    }
}
.active {
    background-color: #4891DE;
}
    .list > li:hover {
        background-color: #4891DE;
    }
/*.list second li:hover {
    background-color: #4891DE;
}*/ 

.content {
    min-width: 800px;
    width: 1200px;
    margin: 0 auto;
    margin-top: 5px;
}

.home-img {
    display: inline-block;
    width: 100%;
}

    .home-img img {
        width: 100%;
    }

.content .content-left {
    width: 255px;
    height: 315px;
    border: 1px solid #CCCCCC;
    border-top: 0px solid #4891E0;
    float: left;
}

.content-left .left-list {
    width: 240px;
    margin-left: -25px;
    margin-top: -18px;
}

    .content-left .left-list > li {
        width: 241px;
        height: 32.7px;
        line-height: 32.8px;
        margin-top: 1px;
        border: 1px solid white;
    }

        .content-left .left-list > li:hover {
            border-top: 1px solid #CCCCCC;
            border-bottom: 1px solid #CCCCCC;
            border-right: 0px solid;
            background-color: white;
            /*height: 30px;*/
        }

.li1:hover .hover-list1 {
    display: block;
    background-color: red;
}

.content-left .left-list > li > span {
    display: inline-block;
    width: 210px;
    text-align: left;
}

.hover-list1 {
    display: none;
    position: relative;
    width: 570px;
    height: 315px;
    left: 102%;
    top: -66px;
    border: 1px solid;
    z-index: 100;
}

/*Ìí¼Ócss*/
header .wrap {width:1200px; min-width: 1000px; margin: 0 auto; font-size: 12px;}
header .container, header .wrap { margin-right: auto; margin-left: auto; *zoom: 1; }
    header .container:after, header .container:before, header .wrap:after, header .wrap:before { display: table; line-height: 0; content: ""; }
    header .container:after, header .wrap:after { clear: both; }
#header-p-beta2 { margin-bottom: 20px; position: relative; z-index: 200; *zoom: 1; /*box-shadow: 0 2px 5px rgba(0,0,0,.2);*/border-bottom:1px solid #d5cece;; }
    #header-p-beta2 .header { background-color:white; position: relative; z-index: 100; }
        #header-p-beta2 .header .logo { float: left; padding: 5px 20px 5px 0; position: relative; }
            #header-p-beta2 .header .logo img { vertical-align: middle; width: 170px; height: 37px; }
            #header-p-beta2 .header .logo em { visibility: hidden; position: absolute; cursor: pointer; background-color: #838b8f; padding: 0 4px 2px; right: 26px; top: 5px; border-radius: 3px 3px 3px 0; }
            #header-p-beta2 .header .logo a { padding-right: 30px; }
                #header-p-beta2 .header .logo a:hover { *zoom: 1; }
                    #header-p-beta2 .header .logo a:hover em { visibility: visible; }
            #header-p-beta2 .header .logo em:after { content: ''; position: absolute; left: -4px; bottom: 0; border-style: solid; border-width: 2px; border-color: transparent; border-right-color: #838b8f; border-bottom-color: #838b8f; }
            #header-p-beta2 .header .logo em i { vertical-align: middle; margin: 0; }
        #header-p-beta2 .header .quick-menu { float:right; }
            #header-p-beta2 .header .quick-menu .quick-menu-unlogined a { margin: 0 5px; color: #fff; cursor: pointer; text-decoration: none; line-height:4 }
        #header-p-beta2 .header nav { float: left; line-height: 50px; *zoom: 1; }
            #header-p-beta2 .header nav:after, #header-p-beta2 .header nav:before { display: table; line-height: 0; content: ""; }
            #header-p-beta2 .header nav:after { clear: both; }
            #header-p-beta2 .header nav ul { float: left; }
                #header-p-beta2 .header nav ul li { float: left; position: relative; }
                    #header-p-beta2 .header nav ul li a { display: block; color: #fff; padding: 0 20px; text-decoration: none; font-size: 14px; }
                        #header-p-beta2 .header nav ul li a:hover { color: #fff; background-color: #425a66; }
                    #header-p-beta2 .header nav ul li .new { position: absolute; right: -2px; top: 6px; z-index: 1; width: 29px; height: 12px; line-height: 10px; text-align: center; font-family: simsun; color: #fff; background: #f50; border-radius: 3px; }
                    #header-p-beta2 .header nav ul li.active a { color: #fff; font-weight: 700; background-color: #3689b3; }
    #header-p-beta2 .expend-login { float: right; }
        #header-p-beta2 .expend-login a { margin-left: 20px; color: #fff; line-height: 38px; }
    #header-p-beta2 .header .logo .logo-link { float: left; position: relative; padding-right: 0; }
    #header-p-beta2 .header .logo .change-city { float: left; height: 22px; line-height: 20px; padding-left: 12px; margin-top: 10px; color: #fff; border-left: 1px solid #5c5d61; text-decoration: none; outline: 0; }
        #header-p-beta2 .header .logo .change-city b { display: inline-block; *display: inline; *zoom: 1; margin-top: -3px; font-weight: 400; vertical-align: middle; }
        #header-p-beta2 .header .logo .change-city label { vertical-align: middle; margin-top: -3px; width: 75px; color: #fff; cursor: pointer; }
            #header-p-beta2 .header .logo .change-city label .arrow { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; width: 0; height: 0; margin-left: 5px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #999; transition: all .3s ease; -webkit-transition: all .3s ease; transform: rotate(0deg); -webkit-transform: rotate(0deg); }
        #header-p-beta2 .header .logo .change-city:hover label { color: #fff; }
            #header-p-beta2 .header .logo .change-city:hover label .arrow { border-top-color: #fff; }
    #header-p-beta2 .header .logo .active label .arrow { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
    #header-p-beta2 .header-city-select { position: absolute; top: 0; left: 0; width: 100%; background: #fff; box-shadow: 0 2px 5px rgba(0,0,0,.2); border-bottom: 1px solid #d6d5d8; }
        #header-p-beta2 .header-city-select .wrap { padding: 13px 0; line-height: 40px; background: #fff; }
            #header-p-beta2 .header-city-select .wrap ul { padding-left: 110px; }
            #header-p-beta2 .header-city-select .wrap li { float: left; padding: 0 18px; line-height: 15px; border-right: 1px dotted #999; }
                #header-p-beta2 .header-city-select .wrap li a { font-size: 14px; color: #5c5d61; }
                    #header-p-beta2 .header-city-select .wrap li a:hover, #header-p-beta2 .header-city-select .wrap li.active a { color: #f50; text-decoration: none; }
#header-c-beta2 { min-width: 980px; margin-bottom: 20px; position: relative; z-index: 200; *zoom: 1; box-shadow: 0 2px 5px rgba(0,0,0,.2); }
    #header-c-beta2 .header { background-color: #303a40; position: relative; z-index: 100; }
        #header-c-beta2 .header .logo { float: left; padding: 5px 20px 5px 0; position: relative; }
            #header-c-beta2 .header .logo img { vertical-align: middle; height: 40px; }
            #header-c-beta2 .header .logo em { visibility: hidden; position: absolute; cursor: pointer; background-color: #838b8f; padding: 0 4px 2px; right: 16px; top: 5px; border-radius: 3px 3px 3px 0; }
            #header-c-beta2 .header .logo a { padding-right: 30px; }
                #header-c-beta2 .header .logo a:hover { *zoom: 1; }
                    #header-c-beta2 .header .logo a:hover em { visibility: visible; }
            #header-c-beta2 .header .logo em:after { content: ''; position: absolute; left: -4px; bottom: 0; border-style: solid; border-width: 2px; border-color: transparent; border-right-color: #838b8f; border-bottom-color: #838b8f; }
            #header-c-beta2 .header .logo em i { vertical-align: middle; margin: 0; }
        #header-c-beta2 .header .quick-menu { text-align: right; height: 50px; line-height: 50px; margin-left: 675px; }
            #header-c-beta2 .header .quick-menu .quick-menu-unlogined a { margin: 0 5px; color:black; cursor: pointer; text-decoration: none; }
    #header-c-beta2 nav { border-top: 1px solid #56646b; background-color: #475359; box-shadow: 0 2px 4px rgba(0,0,0,.25); }
        #header-c-beta2 nav ul { margin-top: -1px; }
        #header-c-beta2 nav ul { float: left; }
            #header-c-beta2 nav ul li { float: left; position: relative; margin-right: -1px; line-height: 40px; position: relative; border-left: 1px solid #3d474d; border-right: 1px solid #3d474d; text-align: center; }
                #header-c-beta2 nav ul li a { font-size: 14px; }
                #header-c-beta2 nav ul li .nav-title a { display: block; _display: inline-block; *display: inline; *zoom: 1; color: #fff; padding: 0 20px; border-right: 1px solid #4e5a61; text-decoration: none; }
                    #header-c-beta2 nav ul li .nav-title a sub { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; line-height: 0; overflow: hidden; left: 4px; top: 2px; _top: -14px; _margin-top: 32px; position: relative; border-style: solid; border-width: 4px; border-color: transparent; _border-color: tomato; _-webkit-filter: chroma(color=tomato); _ filter:chroma(color=tomato); border-top-color: #fff; vertical-align: middle; }
                    #header-c-beta2 nav ul li .nav-title a:hover, #header-c-beta2 nav ul li:hover .nav-title a { background-color: #517895; }
                #header-c-beta2 nav ul li.active .nav-title a { _display: inline-block; *display: inline; *zoom: 1; box-shadow: 0 1px 2px rgba(255,255,255,.5) inset; }
                    #header-c-beta2 nav ul li.active .nav-title a, #header-c-beta2 nav ul li.active .nav-title a:hover { background-color: #127fb6; }
                #header-c-beta2 nav ul li .nav-title .new { position: absolute; right: -1px; top: 0; z-index: 1; width: 29px; height: 12px; line-height: 10px; text-align: center; font-family: simsun; color: #fff; background: #f50; border-radius: 3px; }
                #header-c-beta2 nav ul li.active a { font-weight: 700; }
                #header-c-beta2 nav ul li .sub-nav { position: absolute; left: 0; top: 40px; text-align: left; background-color: #39474e; display: none; }
                #header-c-beta2 nav ul li.hover .sub-nav, #header-c-beta2 nav ul li:hover .sub-nav { display: block; }
                #header-c-beta2 nav ul li .sub-nav a { display: block; color: #fff; padding: 0 30px 0 20px; border-top: 1px solid #39474e; white-space: nowrap; text-decoration: none; font-weight: 400; }
                    #header-c-beta2 nav ul li .sub-nav a:hover { background-color: #517895; }
    #header-c-beta2 .expend-login { float: right; }
        #header-c-beta2 .expend-login a { margin-left: 20px; color: #fff; line-height: 38px; }
#header-h-beta2 { margin-bottom: 20px; position: relative; z-index: 200; *zoom: 1; }
    #header-h-beta2 .header { background-color: #303540; position: relative; z-index: 100; }
        #header-h-beta2 .header .logo { float: left; padding: 5px 20px 5px 0; position: relative; }
            #header-h-beta2 .header .logo img { vertical-align: middle; height: 40px; }
            #header-h-beta2 .header .logo em { visibility: hidden; position: absolute; cursor: pointer; background-color: #838b8f; padding: 0 4px 2px; right: 16px; top: 5px; border-radius: 3px 3px 3px 0; }
            #header-h-beta2 .header .logo a { padding-right: 30px; }
                #header-h-beta2 .header .logo a:hover { *zoom: 1; }
                    #header-h-beta2 .header .logo a:hover em { visibility: visible; }
            #header-h-beta2 .header .logo em:after { content: ''; position: absolute; left: -4px; bottom: 0; border-style: solid; border-width: 2px; border-color: transparent; border-right-color: #838b8f; border-bottom-color: #838b8f; }
            #header-h-beta2 .header .logo em i { vertical-align: middle; margin: 0; }
        #header-h-beta2 .header .quick-menu { text-align: right; height: 50px; line-height: 50px; margin-left: 675px; }
            #header-h-beta2 .header .quick-menu .quick-menu-unlogined a { margin: 0 5px; color: #fff; cursor: pointer; text-decoration: none; }
    #header-h-beta2 nav { position: relative; background-color: #4b5873; z-index: 10; *zoom: 1; }
        #header-h-beta2 nav ul li { float: left; line-height: 40px; position: relative; text-align: center; }
            #header-h-beta2 nav ul li a { font-size: 14px; }
            #header-h-beta2 nav ul li .nav-title a { display: block; _display: inline-block; *display: inline; *zoom: 1; color: #fff; padding-left: 20px; padding-right: 20px; text-decoration: none; }
                #header-h-beta2 nav ul li .nav-title a sub { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; line-height: 0; overflow: hidden; left: 4px; top: 2px; _top: -14px; _margin-top: 32px; position: relative; border-style: solid; border-width: 4px; border-color: transparent; _border-color: tomato; _-webkit-filter: chroma(color=tomato); _filter: chroma(color=tomato); border-top-color: #fff; vertical-align: middle; }
                #header-h-beta2 nav ul li .nav-title a:hover, #header-h-beta2 nav ul li:hover .nav-title a { background-color: #3e4b65; }
            #header-h-beta2 nav ul li.active .nav-title a { margin-top: 4px; line-height: 34px; height: 34px; overflow: hidden; padding-bottom: 2px; _display: inline-block; *display: inline; *zoom: 1; }
                #header-h-beta2 nav ul li.active .nav-title a, #header-h-beta2 nav ul li.active .nav-title a:hover { color: #333; background-color: #f6f6f6; }
                    #header-h-beta2 nav ul li.active .nav-title a sub { border-top-color: #333; }
            #header-h-beta2 nav ul li .sub-nav { position: absolute; left: 0; top: 40px; text-align: left; border-top: 1px solid #2e3a53; padding-bottom: 10px; background-color: #3e4b65; display: none; }
            #header-h-beta2 nav ul li.hover .sub-nav, #header-h-beta2 nav ul li:hover .sub-nav { display: block; }
            #header-h-beta2 nav ul li .sub-nav a { display: block; color: #cacccf; padding: 0 30px 0 18px; white-space: nowrap; text-decoration: none; font-weight: 400; }
                #header-h-beta2 nav ul li .sub-nav a:hover { color: #fff; background-color: #202a40; }
#header-clt-beta2 { margin-bottom: 20px; }
    #header-clt-beta2 .top-bar { background-color: #274762; color: #838383; line-height: 28px; position: relative; z-index: 1000; }
        #header-clt-beta2 .top-bar a { color: #838383; margin: 0 5px; }
        #header-clt-beta2 .top-bar .top-bar-side { float: left; }
        #header-clt-beta2 .top-bar .top-bar-main { float: right; }
            #header-clt-beta2 .top-bar .top-bar-main ul li { float: left; }
                #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg { position: relative; }
                    #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg a { cursor: pointer; display: block; padding: 0 5px; margin: 0; }
                        #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg a:hover { background: #404652; text-decoration: none; }
                    #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .icon-8-new { position: absolute; top: 4px; right: 9px; }
                    #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .msg-top-tips { position: absolute; background: #fff; border: 1px solid #333; padding: .5em 1em; white-space: nowrap; z-index: 1; line-height: 20px; color: #333; right: -60px; }
                        #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .msg-top-tips .btn-msg-close { cursor: pointer; font-size: 14px; position: absolute; right: 5px; top: 0; }
                            #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .msg-top-tips .btn-msg-close:hover { color: red; }
                        #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .msg-top-tips a { color: #00528c; }
                            #header-clt-beta2 .top-bar .top-bar-main ul li.link-msg .msg-top-tips a:hover { background: 0 0; text-decoration: underline; }
    #header-clt-beta2 .header { background-color: #2d5d81; position: relative; z-index: 999; }
        #header-clt-beta2 .header .logo { float: left; margin: 12px 0; width: 150px; }
            #header-clt-beta2 .header .logo img { vertical-align: middle; }
        #header-clt-beta2 .header nav { margin-left: 180px; _margin-left: 177px; margin-top: 5px; }
            #header-clt-beta2 .header nav ul.main-nav { line-height: 60px; *zoom: 1; }
                #header-clt-beta2 .header nav ul.main-nav:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
                #header-clt-beta2 .header nav ul.main-nav li { float: left; display: inline; margin: 0 2px; position: relative; }
                    #header-clt-beta2 .header nav ul.main-nav li .nav-title a { white-space: nowrap; display: block; color: #fff; font-size: 16px; font-family: 'Microsoft YaHei'; padding: 0 18px; text-shadow: 0 1px 1px rgba(0,0,0,.75); border-radius: 2px 2px 0 0; }
                    #header-clt-beta2 .header nav ul.main-nav li a sub { display: inline-block; *display: inline; *zoom: 1; width: 0; height: 0; line-height: 0; overflow: hidden; left: 4px; top: 2px; _top: -14px; _margin-top: 32px; position: relative; border-style: solid; border-width: 4px; border-color: transparent; _border-color: tomato; _-webkit-filter: chroma(color=tomato); _filter: chroma(color=tomato); border-top-color: #fff; vertical-align: middle; }
                    #header-clt-beta2 .header nav ul.main-nav li.active a sub { border-top-color: #333; }
                    #header-clt-beta2 .header nav ul.main-nav li .nav-title a:hover, #header-clt-beta2 .header nav ul.main-nav li.hover .nav-title a, #header-clt-beta2 .header nav ul.main-nav li:hover .nav-title a { text-decoration: none; background-color: #39516e; }
                    #header-clt-beta2 .header nav ul.main-nav li .sub-nav { position: absolute; left: 0; top: 60px; text-align: left; border-top: 1px solid #2e3a53; background-color: #3e4b65; display: none; }
                    #header-clt-beta2 .header nav ul.main-nav li.hover .sub-nav, #header-clt-beta2 .header nav ul.main-nav li:hover .sub-nav { display: block; }
                    #header-clt-beta2 .header nav ul.main-nav li .sub-nav a { display: block; color: #cacccf; padding: 0 26px 0 18px; white-space: nowrap; text-decoration: none; font-weight: 400; font-size: 16px; font-family: 'Microsoft YaHei'; line-height: 40px; }
                        #header-clt-beta2 .header nav ul.main-nav li .sub-nav a:hover { color: #fff; background-color: #202a40; }
                    #header-clt-beta2 .header nav ul.main-nav li.active .nav-title a { color: #33465d; background-color: #f2f2f2; text-shadow: none; }
        #header-clt-beta2 .header .title { display: none; }
        #header-clt-beta2 .header .title-show { display: block; }
        #header-clt-beta2 .header .title h2 { font-size: 24px; font-family: 'Microsoft YaHei'; color: #bcc8ca; font-weight: 400; border-left: 1px solid #5b708a; padding: 0 20px; margin-left: 124px; }
    #header-clt-beta2 .notebook { position: absolute; right: 66px; top: 23px; }
        #header-clt-beta2 .notebook a { font-family: "microsoft yahei"; font-size: 16px; color: #f2f2f2; text-shadow: 1px 1px 0 #000; vertical-align: middle; }
        #header-clt-beta2 .notebook em.icon-notebook-new { vertical-align: middle; margin-left: 4px; margin-top: 0; }
.hot-city-handover { border: 0; }
    .hot-city-handover .vd-header .vd-title { color: #fff; font-size: 16px; padding-left: 30px; font-weight: 400; background: #55cbc4; }
    .hot-city-handover .vd-header a.vd-close { color: #fff; font-size: 22px; }
    .hot-city-handover .vd-main .vd-content { padding: 0; }
.alert-ts { position: absolute; display: none; left: 0; top: 0; font-size: 12px; line-height: 22px; border-radius: 2px; box-shadow: 1px 1px 2px rgba(0,0,0,.05); }
    .alert-ts .closex { font-family: Verdana; padding-bottom: 1px; -webkit-transition: all .3s ease-out; transition: all .3s ease-out; position: absolute; z-index: 3; cursor: pointer; }
        .alert-ts .closex:hover { -webkit-transform: rotate(180deg); }
    .alert-ts .alert-ts-arrow { position: absolute; overflow: hidden; }
        .alert-ts .alert-ts-arrow i { display: block; width: 0; height: 0; overflow: hidden; position: absolute; z-index: 2; border-style: solid; border-width: 1px; border-color: transparent transparent transparent transparent; }
        .alert-ts .alert-ts-arrow .a1 { z-index: 1; }
    .alert-ts .loading { min-width: 80px; min-height: 30px; }
        .alert-ts .loading div { position: absolute; top: 50%; left: 50%; font-size: 0; line-height: 0; text-align: center; }
            .alert-ts .loading div i { background-color: #fff; width: 10px; height: 10px; border-radius: 100%; margin: 2px; -webkit-animation-fill-mode: both; animation-fill-mode: both; display: inline-block; *display: inline; *zoom: 1; -webkit-animation: ball-beat .7s 0s infinite linear; animation: ball-beat .7s 0s infinite linear; }
                .alert-ts .loading div i:nth-child(2n-1) { -webkit-animation-delay: .35s; animation-delay: .35s; }
.alert-ts-default { padding: 8px 10px; border: 1px solid #e2e2e2; background-color: #fff; color: #666; }
    .alert-ts-default .loading i { background-color: #d2d2d2 !important; }
    .alert-ts-default .closex { color: #d2d2d2; }
.alert-ts-info { padding: 8px 10px; border: 1px solid #ceeaff; background-color: #e8f8ff; color: #69c; }
    .alert-ts-info .loading i { background-color: #b7e7fe !important; }
    .alert-ts-info .closex { color: #a8d7f5; }
.alert-ts-warning { padding: 8px 10px; border: 1px solid #ffe99d; background-color: #fff8d2; color: #cc8c28; }
    .alert-ts-warning .loading i { background-color: #f9d574 !important; }
    .alert-ts-warning .closex { color: #ebd97b; }
.alert-ts-error { padding: 8px 10px; border: 1px solid #ffd0d0; background-color: #fff0ee; color: #c00; }
    .alert-ts-error .loading i { background-color: #ffbaba !important; }
    .alert-ts-error .closex { color: #edb6b6; }
.animated-zoomin { -webkit-animation: zoomin .2s cubic-bezier(.39,.58,.57,1); animation: zoomin .2s cubic-bezier(.39,.58,.57,1); }
.animated-fadein-top { -webkit-animation: fadein-top .3s cubic-bezier(.39,.58,.57,1); animation: fadein-top .3s cubic-bezier(.39,.58,.57,1); }
.animated-fadein-right { -webkit-animation: fadein-right .3s cubic-bezier(.39,.58,.57,1); animation: fadein-right .3s cubic-bezier(.39,.58,.57,1); }
.animated-fadein-bottom { -webkit-animation: fadein-bottom .3s cubic-bezier(.39,.58,.57,1); animation: fadein-bottom .3s cubic-bezier(.39,.58,.57,1); }
.animated-fadein-left { -webkit-animation: fadein-left .3s cubic-bezier(.39,.58,.57,1); animation: fadein-left .3s cubic-bezier(.39,.58,.57,1); }
.animated-bounceout { -webkit-animation: bounce-in .75s cubic-bezier(.39,.58,.57,1); animation: bounce-in .75s cubic-bezier(.39,.58,.57,1); }

@-webkit-keyframes zoomin {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(.1,.1,.1); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }
}

@keyframes zoomin {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(.1,.1,.1); transform: scale3d(.1,.1,.1); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; }
}

@-webkit-keyframes ball-beat {
    50% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: .2; -webkit-transform: scale(.75); }
    100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale(1); }
}

@keyframes ball-beat {
    50% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)"; opacity: .2; -webkit-transform: scale(.75); transform: scale(.75); }
    100% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}

@-webkit-keyframes bounce-in {
    20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@keyframes bounce-in {
    20%,40%,60%,80%,from,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: scale3d(1,1,1); transform: scale3d(1,1,1); }
}

@-webkit-keyframes fadein-bottom {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(0,-10px,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; }
}

@keyframes fadein-bottom {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadein-right {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(-10px,0,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; }
}

@keyframes fadein-right {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadein-left {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(10px,0,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; }
}

@keyframes fadein-left {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; transform: none; }
}

@-webkit-keyframes fadein-top {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(0,10px,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; }
}

@keyframes fadein-top {
    from { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    to { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; opacity: 1; -webkit-transform: none; transform: none; }
}